<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心</title>

    <!-- 导入 bootstrap css -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap-3.4.1-dist/css/bootstrap.min.css"/>

    <link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap-3.4.1-dist/css/bootstrap-theme.min.css"/>

    <!-- 导入 bootstrap js -->
    <script src="${pageContext.request.contextPath}/bootstrap-3.4.1-dist/js/jquery-3.3.1.min.js"></script>
    <script src="${pageContext.request.contextPath}/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/order_list.css">


    <link rel="stylesheet" href="${pageContext.request.contextPath}/layui-v2.6.8/layui/css/layui.css">

</head>
<body>
<form>
    <ul class="layui-nav"  lay-bar="disabled">
        <li class="layui-nav-item other"><img src="${pageContext.request.contextPath}/img/homelogo.png"> </li>
        <li class="layui-nav-item other"><a href="${pageContext.request.contextPath}/index/1">首页</a></li>

        <li class="layui-nav-item"><a href="${pageContext.request.contextPath}/product_page">订酒店</a></li>
        <li class="layui-nav-item"><a href="">旅游攻略</a></li>
        <li class="layui-nav-item">
            <div>

                <a href=""><span class="layui-icon layui-icon-search" style="font-size: 30px; color: #1E9FFF;"></span></a>
                <input type="text">

            </div>
        </li>
    </ul>
</form>
<div class="header">

</div>
<div class ="header2">
    <div class="aside">
        <dl class="sidenav">
            <a id="index" href="index.jsp">
                我的首页
            </a>
        </dl>
        <dl class="sidenav">
            <a id="my_orders" href="order_list.jsp">
                订单
            </a>
        </dl>
        <dl class="sidenav">
            <a href="" class="" id="pay_mywallet">
                我的钱包
            </a>
        </dl>
        <dl class="sidenav">
            <a id="ticket_mypromocode" href="">
                <span>优惠券</span>
            </a>
        </dl>
        <dl class="sidenav">
            <a href="" id="info_myinfo">
                <span> 我的信息 </span>
            </a>
        </dl>
        <dl class="sidenav">
            <a href="" id="info_mytiket">
                <span> 我的发票 </span>
            </a>
        </dl>
        <dl class="sidenav">
            <a href="" id="info_myfavou">
                <span> 我的收藏 </span>
            </a>
        </dl>
        <dl class="sidenav">
            <a href="" id="info_mycrid">
                <span> 我的积分 </span>
            </a>
        </dl>
        <dl class="sidenav">
            <a href="" id="info_mychecj">
                <span> 我的吮指原味鸡 </span>
            </a>
        </dl>
    </div>
    <div class = "info_myaccount">

        <h2>我的订单列表</h2>
    </div>
    <div class="layui-form order-form">
        <table class="layui-table">
            <colgroup>
                <col width="220">
                <col width="150">
                <col width="100">
                <col>
            </colgroup>
            <thead>
            <tr>
                <th>订单编号</th>
                <th>商品名称</th>
                <th>支付价格</th>
                <th class="payTime"> 支付时间</th>
                <th >支付状态</th>
            </tr>
            </thead>
            <tbody>
            <c:forEach items="${myorderList}" var="order">
                <tr>
                    <td> ${order.orderNumber}</td>
                    <td>${order.other1} </td>
                    <td>￥${order.orderPrice} </td>
                    <td> ${order.orderCreateTime}</td>
                    <c:if test="${order.status==0}">
                        <td>已下单</td>
                    </c:if>
                    <c:if test="${order.status==1}">
                        <td>未支付</td>
                    </c:if>
                    <c:if test="${order.status==2}">
                        <td>已支付</td>
                    </c:if>
                    <c:if test="${order.status==3}">
                        <td>已取消</td>
                    </c:if>
                </tr>
            </c:forEach>
            </tbody>
        </table>
    </div>

</div>

</body>
</html>

